$(function() {
    getUserInfo();

    // 实现退出功能
    $("#logout").on('click', function() {
        layer.confirm('确定要退出吗?', { icon: 3, title: '提示' }, function(index) {
            // 清除本地存储的令牌
            localStorage.removeItem('token');
            // 跳转到登录页面
            location.href = '/login.html';
            layer.close(index);
        });
    })
});

// 封装一个获取用户信息的函数
function getUserInfo() {
    $.ajax({
        type: 'get',
        // headers: {
        //     Authorization: localStorage.getItem('token')
        // },
        url: '/my/userinfo',
        success: function(res) {
            if (res.status != 0) {
                return layer.msg('获取信息失败');
            }
            // 渲染头像
            renderAvatar(res.data);
        },
        // 不论成功还是失败，最终都会调用 complete 回调函数
        // complete: function(res) {
        //     // 在 complete 回调函数中，可以使用 res.responseJSON 拿到服务器响应回来的数据
        //     if (res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败！') {
        //         // 1. 强制清空 token
        //         localStorage.removeItem('token')
        //             // 2. 强制跳转到登录页面
        //         location.href = '/login.html'
        //     }
        // }
    })
};

// 渲染头像区域功能
function renderAvatar(user) {
    var name;
    // 如果有昵称就用昵称,没有用用户名
    if (user.nickname) {
        name = user.nickname;
    } else {
        name = user.username;
    };
    $('#welcome').html('欢迎 ' + name);
    if (user.user_pic) {
        // 图片头像
        $('.layui-nav-img').attr('src', user.user_pic);
        $('.text-avatar').hide();
    } else {
        // 文字头像
        $('.text-avatar').html(name[0].toUpperCase());
        $('.layui-nav-img').hide();
    }
}